.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
a{
    text-decoration: none !important;
}
.head{
    width: 100%;
//  display: flex;
//  top: 0;
//  left: 0;
        position:relative;
        top:0;
        left: 0;
    .pxToRem(height, 445); 
    background: #b39765;
    .txd{
         position: absolute;
        top:30%;
        left: 50%;
         transform: translate(-50%,-50%);
         border: 1px solid #fff;
        border-radius:50% ;
        .pxToRem(padding,20);
        background: #fff;
        opacity: .2;
        overflow: hidden;
    .tx{
       
        .pxToRem(font-size,130);
       
        color: #B69967;
      
        z-index: 99;
    }
    }
    .wdr{
         position: absolute;
        top:55%;
        left: 50%;
          transform: translate(-50%,-50%);
          color: #fff;
           .pxToRem(letter-spacing,5);
    }
    .zida{
        
         position: absolute;
        bottom: 15%;
        left: 50%;
          transform: translate(-50%,-50%);
    .jf{
        .pxToRem(width,78);
         border: 1px solid #fff;
         .pxToRem(border-radius,50);
         .pxToRem(padding,10);
         .pxToRem(margin,8);
         display: inline-block;
       .lv{
            color: #fff;
          
           
           
       } 
       .sl{
               color: #ecd470;
           
           
           }  
    }
    
}
}

.main{
     width: 100%;
    
    background: #fff;
    border-top: 1px solid #fff;
    border-radius: 20px;
    section{
        
        &:last-child{
            border-bottom:1px solid #d5d5d5;
        }
         display: flex;
    align-items: center;
    justify-content: space-between;
    .pxToRem(padding,30);
    p{
    span{
        .pxToRem(padding,5);
         .pxToRem(font-size,30);
        .pxToRem(letter-spacing,5); 
        color: #aaaaaa;
    }
    }
    span{
         .pxToRem(font-size,40);
          color: #cfcfcf;
    }
    }
}



#foot {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    border-top: 1px solid #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    .pxToRem(height, 110); 
    background: #fdfdfd;
    z-index: 99;
    .foote {
        flex: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        height: 100%;
        color: #bfb9b9;
        
        .sps{
            .pxToRem(font-size,40);
            color: #666666;
            display: inline-block;
        .pxToRem(padding-bottom,10);
        }
        .sp{
            color:#b69a63 ;
        }
    }
}